.xfce4-panel.panel {
    background-color: rgba(235, 235, 235, 0.7);
    color: $fg_color;
    text-shadow: none;
    -gtk-icon-shadow: none;

    button.flat { @extend %panelbutton; }
}

#tasklist-button {
    color: transparentize($panel_fg_color, 0.2);
    border-radius: 0;
    border: none;
    background-color: transparentize($panel_bg_color, 1);

    &:hover {
      color: lighten($panel_fg_color, 10%);
      background-color: transparentize(black, 0.83);
    }

    &:checked {
      color: white;
      background-color: transparentize(black, 0.75);
      box-shadow: inset 0 -2px $selected_bg_color;
    }
}

%panelbutton {
    color: $panel_fg_color;
    border-radius: 0;
    border: none;
    background-color: transparentize($panel_bg_color, 1);
    font-weight: normal;

    &:hover {
      border: none;
      background-color: lighten($panel_bg_color, 10%);
    }
    &:active, &:checked {
      color: $panel_fg_color;
      border-bottom: 2px solid $selected_bg_color;
      background-color: darken($panel_bg_color, 5%);

      label, image { color: inherit; }
    }
}